<template>
	<div class="detail" style="background-color: #e2e7fd;">
		<img class="detailimg" src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/bg.jpg"  alt="">
		<!-- <img  lazy-load :lazy-load-margin="0" src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/bg.jpg" mode="widthFix"></img> -->
		<div class="footer" @click="toScreening">
			下一步
		</div>
		
	</div>
</template>

<script>
	export default{
		methods:{
			toScreening(){
				console.log('111')
				this.$router.push('/message')
				// uni.navigateTo({
				// 	url:'/pages/middleScreening/screening/screening'
				// })
				// this.$router.push('/index')
			}
		}
	}
</script>

<style scoped lang="scss">
.detail {
	width: 100%;
	height: 100%;
	position: relative;
}
// .detail image{
// 	width: 100%;
// 	height: 1448rpx;
// }
.detailimg{
	width: 100%;
	height: 100%;
}
.footer{
	width: 90%;

	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	line-height: 51px;
	border-radius: 25px;
	background: #1677FF;
	box-shadow: 4px 6px 18px 0px rgba(31, 90, 102, 0.1);

	color: white;
}

</style>